.baseLayout{padding-top:80px;position:relative;background:#f6f7f8;overflow:hidden}
.navGrid{position:fixed;top:0;left:0;height:60px;width:100%;background:#fff;border-bottom:1px solid #eee;display:flex;z-index:1024;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
.navGrid .wrapper{display:flex;align-items:center;padding:10px 25px}
.navGrid .topWrapper{display:flex;align-items:center;margin-right:50px}
.navGrid .topWrapper .logo{display:block;width:auto;min-height:20px;max-width:200px;max-height:40px}
.navGrid .topWrapper .site{margin-left:10px;font-size:24px}
.navGrid .topWrapper strong{color:#343a40;font-size:16px;margin-left:10px}
.navGrid .searchWrap{display:block;border-radius:4px;border:1px solid #eee;background:#f6f7f8;padding:5px 10px 5px 30px;position:relative;margin-bottom:20px;overflow:hidden}
.navGrid .searchWrap .searchInput{display:block;width:100%;height:20px;line-height:20px;font-size:14px;color:#333;border:0;background:0 0;overflow:hidden}
.navGrid .searchWrap .searchBtn{display:block;width:30px;height:30px;text-align:center;line-height:30px;background:0 0;position:absolute;left:0;top:50%;margin-top:-15px;overflow:hidden}
.navGrid .searchWrap .icondgy{color:#666}
.navGrid .menuBtn{display:none;margin:20px;width:60px;height:60px;text-align:center;line-height:60px;background:#fff;border-radius:50%;overflow:hidden;box-shadow:0 1px 6px #ddd}
.navGrid .menuBtn .icondgy{font-size:24px;color:#333}
.navGrid .navWrapper{display:flex;align-items:center;overflow:hidden}
.navGrid .scrollWrap{overflow-y:auto}
.navGrid .navWrapper a{display:flex;align-items:center;overflow:hidden;color:#333;margin-right:30px;font-size:14px}
.navGrid .navWrapper a .icondgy{font-size:16px;font-weight:400;color:#454545;margin-right:5px}
.navGrid .navWrapper a.on,.navGrid .navWrapper a.on .icondgy,.navGrid .navWrapper a:hover,.navGrid .navWrapper a:hover .icondgy{color:#2254f4}
.navGrid .navWrapper a .flag{padding:0 5px;margin-left:5px;background:#eee;border-radius:4px;line-height:20px;font-size:12px;color:#2254f4;overflow-y:hidden}
.navGrid .navWrapper .iconNew{display:inline-block;margin-left:5px;margin-top:-2px;background:url(../images/icon_new.png) no-repeat;background-size:contain;width:25px;height:12px}
.navGrid .footerExtendWrap{position:absolute;left:0;bottom:0;width:100%;padding:20px;overflow:hidden}
.navGrid .footerExtendWrap img{display:block;width:100%;height:auto;border-radius:6px}
.navGrid .footerExtendWrap.btn{padding-bottom:30px;background:#fff}
.navGrid .submitBtn{display:block;height:36px;cursor:pointer;line-height:36px;text-align:center;color:#fff;font-size:14px;border-radius:18px;background:#2254f4;background:linear-gradient(270deg,#2254f4,#406dff);box-shadow:0 12px 30px 0 rgba(34,84,244,.2);-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
.navGrid .coverOverlay{position:absolute;left:0;bottom:90px;height:100px;width:100%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;background-image:-webkit-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 100%);background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 100%);background-size:100%}
.navGrid.justify{justify-content:space-between;align-items:center}
.navGrid .extendWrap{padding:20px;margin-bottom:-15px}
.navGrid .extendWrap .adWrapper{margin-bottom:15px}
.navGrid .userHeaderWrapper{margin-right:25px}
.navGrid .menuLogin{display:inline-block;padding:0 25px;cursor:pointer;line-height:30px;text-align:center;color:#fff;font-size:13px;border-radius:15px;background:#2254f4;background:linear-gradient(270deg,#2254f4,#406dff);box-shadow:0 12px 30px 0 rgba(34,84,244,.2);-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
.navGrid .userInfoWrap{width:60px;height:60px;padding-top:10px;position:relative}
.navGrid .avatarImg{cursor:pointer;display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;overflow:hidden}
.navGrid .userListBox{display:none;width:120px;position:absolute;right:0;top:60px;background:#fff;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,.2);box-shadow:0 1px 12px 0 rgba(0,0,0,.2);border-radius:0 0 4px 4px;color:#444;z-index:14}
.navGrid .userItem{display:block;padding:20px;text-align:center;font-size:13px;color:#454545}
.navGrid .userItem a{font-size:13px;color:#454545;line-height:24px}
.navGrid .userItem a:hover{color:#2254f4}
.navGrid .userItem .itemLi{display:block;color:#999;line-height:24px}
.navGrid .userItem .userName{display:block;color:#999;height:30px;margin-top:10px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.navGrid .userItem .userName.edit{color:#fff;border-radius:15px;background:#2254f4;background:linear-gradient(270deg,#2254f4,#406dff);box-shadow:0 12px 30px 0 rgba(34,84,244,.2)}
.navGrid .userItem .avatar{display:block;width:50px;height:50px;border-radius:50%;margin:10px auto;overflow:hidden}
.navGrid .userItem .itemLi.exit{border-top:1px solid #eee;color:#f30;padding-top:10px;margin-top:15px}
.navGrid .userItem .itemLi.exit a:hover{color:#f30}
.navGrid .userInfoWrap:hover .userListBox{display:block}
.productGrid{margin:0 auto;width:1280px}
.footerGrid{border-top:1px solid #ebebeb;overflow:hidden;background:#fff}
.footerGrid .topWrapper{padding:20px 0;border-bottom:1px solid #ebebeb;color:#999;font-size:12px;line-height:20px;overflow:hidden}
.footerGrid .menuWrap{display:flex;justify-content:space-between}
.footerGrid .menuBox{line-height:20px}
.footerGrid .menuBox a{margin-right:30px;color:#333}
.footerGrid .menuBox a:hover{color:#2254f4}
.footerGrid .menuWrap .copyright{text-align:right;color:#777}
.footerGrid .menuWrap .copyright .alink{padding-left:5px;color:#2254f4}
.footerGrid .midWrapper{margin:0 auto;overflow:hidden}
.footerGrid .midWrapper .article{padding:20px 0;color:#666;font-size:12px;overflow:hidden;line-height:20px}
.footerGrid .midWrapper p{color:#666;font-size:12px;line-height:20px;margin-bottom:10px}
.footerGrid .midWrapper span{padding-right: 10px;}
.fullTabsGroup .softWrapper .item{height:130px;width:112px}
.articleListWrapper.article .richTextItem{width:33.3333%}
@media screen and (min-width:1600px){.imgTextGrid.special .item{width:25%}
.articleListWrapper.screen16 .richTextItem{width:33.3333%}
}
@media screen and (max-width:1200px) and (min-width:769px){.navGrid .topWrapper{margin-right:20px}
.navGrid .topWrapper .logo{max-width:90px}
.navGrid .navWrapper a .icondgy,.navGrid .topWrapper strong{display:none}
.productGrid{margin:0 20px;width:auto}
.topFocusWrapper .textWrapper{width:70%}
.articleListWrapper .richTextItem,.articleListWrapper.article .richTextItem,.articleWrapper .itemArticle{width:50%}
.richTextItem.search{width:100%}
.searchPageWrap .asideWrap{display:none}
}
@media screen and (max-width:768px){html{font-size:10px}
.baseLayout{padding-top:70px}
.productGrid{margin:0 10px;width:auto}
.searchPageWrap .asideWrap{display:none}
.navGrid{display:block;overflow:hidden}
.layoutDisplay,.navGrid .menuBtn{display:block}
.layoutHide{display:none!important}
.layoutDisplay{display:block!important}
.navGrid .navWrapper,.navGrid .wrapper{display:block;padding:5px 10px}
.navGrid .navWrapper{margin-top:10px;padding:10px;border-top:1px solid #eee}
.navGrid .navWrapper a{line-height:45px;margin-right:0;border-bottom:1px dotted #eee}
.navGrid .userHeaderWrapper{margin-left:25px}
.richTextItem.search .article{display:flex}
.navGrid .userInfoWrap:hover .userListBox{display:none}
.plateWrapper .item{width:50%}
.plateWrapper .item:last-of-type{display:none}
.navGrid .topWrapper{border-bottom:0;padding-bottom:0;height:45px}
.navGrid .topWrapper .logo{max-width:90px}
.navGrid .extendWrap{display:none}
.topFocusWrapper .textWrapper{width:80%}
.articleListWrapper .richTextItem,.articleListWrapper.article .richTextItem,.articleWrapper .itemArticle{width:100%}
.topFocusWrapper h2{font-size:20px;margin-bottom:10px}
.topFocusWrapper .searchWrap{padding:2px 10px 2px 40px;margin-bottom:5px}
.topFocusWrapper .searchWrap .searchBtn{left:5px}
.topFocusWrapper .searchWrap .icondgy{font-size:16px}
.topFocusWrapper{height:200px}
.topFocusWrapper .tagBox{font-size:12px}
.topFocusWrapper .tagBox .tag{margin-right:10px}
.richTextItem .article{display:block}
.richTextItem .focusBox{width:100%;height:auto;margin-right:0;margin-bottom:15px}
.richTextItem .focus{width:100%;height:auto}
.fullTabs{padding:10px 10px 0}
.fullTabs .tagWrap{margin-right:0}
.fullTabs .tagBox a{padding:2px 8px}
.fullTabs.location{margin-bottom:10px}
.description{margin-bottom:20px}
.detailGrid{padding:25px 20px;font-size:12px;line-height:18px;margin-bottom:20px}
.detailHeadLabel .title{font-size:16px;line-height:24px}
.detailHeadLabel{margin-bottom:10px;padding-bottom:10px}
.articleHeadWrapper .thumbBox{width:40px;height:40px;margin-right:10px}
.articleHeadWrapper .thumbBox .thumb{height:40px}
.softLabelWrapper{display:block;background:0 0;padding:15px 0;margin:20px 0 0;border-top:1px dotted #eee}
.softDownBox{margin-top:15px;display:flex;justify-content:flex-end;padding-top:15px;border-top:1px dotted #eee}
.softLabelWrapper .btnBox{width:100%}
.softLabelWrapper .btnBox .btn{width:50%;height:40px;line-height:40px}
.softLabelWrapper .btnBox .btn:first-of-type{border-radius:20px 0 0 20px}
.softLabelWrapper .btnBox .btn:last-of-type{border-radius:0 20px 20px 0}
.imgTextGrid.special .item{width:100%}
.imgTextGrid.special .content{margin-bottom:10px;margin-right:0}
.specialDetailWrapper{padding:0;background:0 0;border:0;margin-bottom:20px}
.specialDetailWrapper .specialHead{padding:20px;margin:0 0 10px}
.specialDetailWrapper .specialHead .textWrap{width:85%}
.specialDetailWrapper .specialHead h2{line-height:28px;font-size:18px}
.specialDetailWrapper .specialHead p{font-size:12px;line-height:18px}
.articleWrapper{margin-bottom:0}
.footerGrid .topWrapper{display:none}
.adWrapper.w2{display:block}
.adWrapper.w2 .item{width:100%}
.adWrapper.w2 .item:first-of-type{margin-bottom:10px}
.tabMenuWrap{width:100%}
.topListWrapper{padding:135px 10px 10px}
.downLoadWrapper{display:block}
.downLoadWrapper .asideGrid{width:100%;margin-left:0;margin-bottom:20px}
.titleWrapper .tagWrap,.titleWrapper .titles,.titleWrapper.bb0{width:100%;display:block}
.titleWrapper .tagWrap .item,.titleWrapper .titles{margin-bottom:1rem}
.imgTextGrid .item{width:49%;margin-right:1%}
.imgTextGrid .item:nth-child(2n){float:right;margin-right:0}
.imgTextGrid h2 a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;font-size:.9rem;height:3.5rem}
.codeheader .img{width:100%;height:100%;margin:0}
.codeheader .info{width:100%;padding:15px;margin:0}
.codeheader .info .tit{font-size:2rem}
.codeheader .info .des em,.quickDownLoadGroup .item{width:30%}
.codeheader .info .des span{margin-bottom:10px}
.codeheader .info .limit .qqzx,.codeheader .info .limit .vip{display:none}
.codeheader .info .go a{width:30%;margin-right:1%}
.codeheader .info .limit{margin:1rem 0 0 0;padding-bottom:1rem}
.codeheader .info .des{padding-bottom:1rem}
.codeheader .info .go{margin:1rem 0 0 0}
}
